<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <title>云隐忍者村</title>
    <style>
        .pic img {
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <header class="col-md-2"> 
                <div class="logo">
                    <a href="index.html"><img src="images/logo.png" alt="" class="hidden-xs"></a>
                    <a href="index.html"><span class="visible-xs">火影忍者联盟</span></a>
                </div>
                <div class="nav">
                    <ul>
                        <li>
                            <a href="muye.html" class="glyphicon glyphicon-leaf">木叶村</a>
                        </li>
                        <li>
                            <a href="wuyin.html" class="glyphicon glyphicon-eye-close">雾隐村</a>
                        </li>
                        <li>
                            <a href="yanyin.html" class="glyphicon glyphicon-queen">岩隐村</a>
                        </li>
                        <li>
                            <a href="yunyin.html" class="glyphicon glyphicon-cloud">云隐村</a>
                        </li>
                        <li>
                            <a href="shayin.html" class="glyphicon glyphicon-hourglass">砂隐村</a>
                        </li>
                    </ul>
                </div>
            </header>
            <article class="col-md-7 pic">
                <h3>五大强村之云隐忍者村</h3>
                <h4>云隐村的由来</h4>
                <p>云隐村乃五个最强大的隐村之一，该村子隶属雷之国，是一个武斗派的国家，由初代目雷影建立。该国创立在高耸入云的山峰，云雾弥漫，回响着震耳欲聋的雷声，并且拥有二尾与八尾两个人柱力。村子里的人们多有深色皮肤，擅长剑术以及雷遁，并且流行忍体术。</p>
                <h4>云隐历代雷影</h4>
                <p>初代目雷影·艾：平定乱世的五影之一，凭借强大的实力在高耸入云的山峰上建立了雷之国云隐村，并成为了雷影。</p>
                <p>二代目雷影·艾：在第二代雷影的时代，云隐村得到了二尾与八尾，为此他研制出了管理尾兽的设备，培养人柱力开始尾兽玉的训练。为了增强国力，他接连开发出雷遁查克拉模式与众多忍体术以及剑术，将云隐村发展成为推崇剑术与忍者体术的武斗派忍者村。也正因此使云隐村企图获取更多的尾兽。 第二代雷影所开发的雷遁忍体术对后世带来了深远的影响。</p>
                <p>三代目雷影·艾：实力强大，身体坚韧（肉体难以撕裂）。在担任雷影期间曾经多次压制八尾的暴走，拥有与八尾牛鬼不相上下的实力，在某次与八尾较量时胸口因受到自己攻击的波及而受伤，留下了闪电形状的疤痕，这也被他视为一生的耻辱。</p>
                <p>四代目雷影·艾：三代目雷影之子。八尾人柱力奇拉比的义兄。性格暴躁，实力强大，年轻时曾单手斩断八尾的左角，他将雷遁查克拉模式磨练得十分熟练，惊人的速度能够媲美波风水门，速度之快犹如蓝色闪电！</p>
                <p>五代目·达鲁伊：三代目黑色雷遁的唯一继承者，拥有血继限界“岚遁”，擅长剑术和雷遁。</p>
                <img src="upload/leiying.jpg" class="img-responsive" alt="">
                <textarea class="form-control" rows="3">留下友好的交流评论吧~写完你也提交不了哈哈哈，因为我没完善这个功能~略略略~</textarea>
                <button type="button" class="btn btn-info">提交</button>
            </article>
            <aside class="col-md-3">
                <a href="#" class="banner">
                    <img src="upload/banner.png" alt="">
                </a>
                <a href="#" class="hot">
                    <span class="btn btn-primary">登录</span>
                    <h4 class="text-primary">火影忍者联盟</h4>
                    <p class="text-muted">Peace&love</p>
                </a>
            </aside>
        </div>
    </div>
</body>
</html>